<DOCTYPE html>
    <html lang="zh-CN">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="bootstrap3\css\bootstrap.min.css" rel="stylesheet">
        <script src="bootstrap3\js\jquery-1.12.4.min.js">

        </script>
        <script src="bootstrap3\js\bootstrap.min.js">

        </script>
    </head>

    <div class="container-fuild">
        <div class="col-md-4">
            <h2> 辅助类 </h2>
            <h3>情景文本颜色</h3>
            <p class="text-muted"> 生活不止有眼前的苟且，还有诗和远方！</p>
            <p class="text-primary"> 大数据有hadoop，使用java语言</p>
            <p class="text-success"> 机器人相关（嵌入式），使用树莓派，语言python</p>
            <p class="text-info"> C#的WEB方向，目前主流是MVC和MVVM还有领域模式，EF、Razor语法很方便</p>
            <p class="text-warning"> 微软最新混合现实Hololens，开发需要具备基础：c# unity3d</p>
            <p class="text-danger"> 框架知识：23种设计模式，难点：应用场景。避免模式的乱用。</p>
            <p> 大数据，使用nosql，目前c#可用为 redis</p>
            <h3>意境背景色</h3>

            <p class="bg-primary" style="padding: 15px"> python中有大量关于数学计算的方法</p>
            <p class="bg-success" style="padding: 15px"> unity3d 可做全平台游戏</p>
            <p class="bg-info" style="padding: 15px"> unity3d 可使用c#作为脚本</p>
            <p class="bg-warning" style="padding: 15px"> 多线程的原理</p>
            <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <p class="bg-danger border-left-radius" style="padding: 15px"> 树莓派中针脚的使用</p>


            <div class="pull-left">L</div>
            <div class="clearfix">
                <div class="pull-right  ">R</div>
            </div>
            <div class="center-block hidden-xs hidden-lg">.1---------------2----------------3</div>
        </div>
    </div>

    </html>